<template>
  <div class="ad">
    <swiper style="height: 97.55px;" loop class="swiper" dots-position="center" dots-class="tishi">
      <swiper-item v-for="(tag,index) in tags" class="item" :key="index">
        <img :src="tag.url" alt="">
      </swiper-item>
    </swiper>
  </div>
</template>

<script>
import {Swiper, SwiperItem} from 'vux'
export default {
  name: 'Ad',
  components: {
    Swiper,
    SwiperItem
  },
  ready () {},
  methods: {
    onSwiperItemIndexChange (index) {
      console.log('demo item change', index)
    },
    demo01_onIndexChange (index) {
      this.demo01_index = index
    }
  },
  created () {
    this.$http.get('static/json/ad.json').then(response => {
      this.tags = response.data
    })
  },
  data () {
    return {
      tags: []
    }
  }
}
</script>

<style lang="less" scoped>
  .ad{
    margin: .266667rem /* 20/75 */ 0;
  }
</style>
